/**
 * 学习目标：useState() 可以调用多次，声明多个状态
 *   语法：
 *      const [ 访问state的变量名, 设置state的函数名 ] = useState(初始值)
 *
 *   注意事项：
 *      1. useState 需要主动导入
 *      2. 函数组件没有 this (this的值为 undefined)
 *      3. React Hooks 只能直接出现在 函数组件 中
 *      4. React Hooks 不能嵌套在 if/for/其他普通函数中
 */
import { useState } from 'react'

export default function App() {
  const [msg, setMsg] = useState('')
  return (
    <div>
      <h1>受控组件</h1>
      <input type='text' value={msg} onChange={(e) => setMsg(e.target.value)} />
    </div>
  )
}
